<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script type="module">
    // ESM : ES6的模块化方案 
    // 前端需要使用的模块化 1.commonjs规范 （虽然是nodejs代码，但是可以通过工具转成浏览器可以识别的代码） 2.ESM ：ES6的模块化
    // 原生的JS的ES6模块化 ： 注意点 ： 1. 设置 script 的type=“module” ，代码会自动在严格模式下执行。 2.需要通过服务器打开页面
    //1. 引入a模块 ,没有任何导出，也是独立的命令空间
    // import './a.js'; // 引入a模块
    // // console.log(a);

    // 2.引入模块 且接收模块导出的内容
    import b from './a.js';
    console.log(b);

    /*
    // 只有文件的导入导出。
    导入 ： import 
    导出： export default
    
    */
  </script>
</body>

</html>